<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>试题库</title>
		<link href="css/shitiku.css" rel="stylesheet" type="text/css">
		<script src="js/jquery-2.2.3.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style type="text/css">
		* {
			padding: 0;
			margin: 0;
		}
		
		.border {
			width: 80%;
			height: 60%;
			position: fixed;
			/*background-color: black;*/
			margin-left: 10%;
			border-radius: 0.666666rem;
			margin-top: -126%;
			background-color: rgba(0, 0, 0, 0.7);
			opacity: 0.7;
			z-index: 99999999;
			display: none;
		}
		
		.border img {
			float: right;
		}
		
		.yuan {
			width: 80%;
			height: 20%;
			border: 0.133333rem dashed white;
			border-radius: 50%;
			margin-top: 40%;
			margin-left: 10%;
		}
		
		.yuan p {
			margin-top: 15%;
			text-align: center;
			font-size: 1.68rem;
			color: #fff;
		}
		
		.yuan p span {
			color: red;
		}
		
		.go {
			width: 20%;
			height: 3.666666rem;
			line-height: 3.666666rem;
			text-align: center;
			border-radius: 0.566666rem;
			background-color: #34a0fe;
			z-index: 999999999;
			margin-left: 40%;
			margin-top: 10%;
			color: #fff;
			font-size: 1.8rem;
		}
		.yinchang {
	width: 50rem;
	height: 45rem;
	background-color: #fff;
	position: fixed;
	left: calc(50% - 25rem);
	top: 30rem;
	border-radius: 30px;
	border: 2px solid #ffdf92;
	display: none;
}

.yinchang-top {
	height: 4rem;
	/*border-bottom: 2px solid #666;
	background-color: #f2f2f2;*/
	border-radius: 20px 20px 0 0;
}

.yinchang-top span {
	font-size: 2.5rem;
	line-height: 4rem;
	float: left;
	margin-left: 2rem;
}

.yinchang-top p {
	font-size: 3rem;
	line-height: 4rem;
	float: right;
	margin-top: 2rem;
	margin-right: 2rem;
}

.yinchang h1 {
	font-size: 3rem;
	text-align: center;
	margin-top: 14rem;
}

.shi {
	width: 8rem;
	height: 4rem;
	background-color: #f6ae01;
	border: 1px solid #333;
	border-radius: 50px;
	font-size: 2rem;
	color: black;
	text-align: center;
	line-height: 4rem;
	margin-top: 12rem;
	float: right;
	margin-right: 12rem;
}

.fou {
	width: 8rem;
	height: 4rem;
	background-color: #f73a00;
	border: 1px solid #333;
	border-radius: 50px;
	font-size: 2rem;
	color: black;
	text-align: center;
	line-height: 4rem;
	margin-top: 12rem;
	float: left;
	margin-left: 12rem;
}
	</style>

	<body>
		<!--头部-->
		<div class="head">
			<div class="head-top">
				<div class="zuojiantou"></div>
				<h1 style="margin-top: 2.8%;">试题库</h1>
				<div></div>
				<div class="clearfix"></div>
			</div>
			<!--<div class="head-bottom">
				<div class="head-box">
					<input type="text" placeholder="函数" style="outline:none">
				</div>
				<img style="width: 2.666666rem;" src="img/max.png" alt="观看记录">
				<div class="clearfix"></div>
			</div>-->
		</div>

		<div class="yinchang">
			<div class="yinchang-top">
				<span>提示</span>
				<p>X</p>
				<div class="clearfix"></div>
			</div>
			<h1>是否购买此课程</h1>
			<div class="shi">确定</div>
			<div class="fou">取消</div>
		</div>

		<!--banner-->
		<div class="banner_box">
			<img style="width: 100%;" src="img/stkfx.png" />
			<!--<div class="banner_img">
				<img src="img/stkbaner.jpg">
				<img src="img/stkbaner.jpg">
				<img src="img/stkbaner.jpg">
				<div class="//yuandian">
					<div class="dangqian"></div>
					<div></div>
					<div></div>
				</div>
			</div>-->
		</div>
		<!--内容园点-->
		<div class="content-top">
			<div class="yidongkuang">
				<div class="box-1 dangqian" data-menu="0">
					<div><img src="img/gaoyi1.png" /></div>
					<a href="">高一上</a>
				</div>

				<div class="box-1" data-menu="1">
					<div><img src="img/gaoyi1.png" /></div>
					<a href="">高一下</a>
				</div>

				<div class="box-1" data-menu="2">
					<div><img src="img/gaoyi2.png" /></div>
					<a href="">高二上</a>
				</div>

				<div class="box-1" data-menu="3">
					<div><img src="img/gaoyi2.png" /></div>
					<a href="">高二下</a>
				</div>

				<div class="box-1" data-menu="4">
					<div><img src="img/gaoyi3.png" /></div>
					<a href="">高三</a>
				</div>
				<!--<div class="box-1" data-menu="3">
					<div></div>
					<a href="">高二下</a>
				</div>

				<div class="box-1" data-menu="4">
					<div></div>
					<a href="">高三上</a>
				</div>-->
			</div>
		</div>
		<!--内容-->

		<div id="content" style="margin-top: 7%;">
			<div class="content_child">
				<div>
					<!--<span class="dabiaoti">高一上学期</span>-->

					<div class="content-list">
						<a href="xitiye2.html">
							<img src="img/ti1.png" alt="图片">
							<h1>高二下学期 八月份 第一周 </h1>
							<p>
								<a href="">11234</a>已购买</p>
							<div class="kuang kuang2">已购买</div>
							<span>已做完</span>
							<div class="clearfix"></div>
						</a>
					</div>

					<div class="content-list-1">
						<img src="img/ti2.png" alt="图片">
						<h1>高二下学期 八月份 第二周 </h1>
						<p>
							<a href="">11454</a>已购买</p>
						<div class="kuang kuang1">1点券购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/ti3.png" alt="图片">
						<h1>高二下学期 八月份 第三周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang kuang2">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/ti2.png" alt="图片">
						<h1>高二下学期 八月份 第四周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang kuang2">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/ti3.png" alt="图片">
						<h1>高二下学期 九月份 第一周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang kuang2">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/ti2.png" alt="图片">
						<h1>高二下学期 九月份 第二周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang kuang2">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="dianquan">
						<!--<a href="fenxiangye.html">怎么获得点券？ 请点击我</a>-->
						<div class="clearfix"></div>
					</div>
				</div>
			</div>

			<div class="content_child">
				<div>
					<span class="dabiaoti">高一下学期</span>

					<div class="content-list">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第一周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>已做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-1">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第二周 </h1>
						<p>
							<a href="">11454</a>已购买</p>
						<div class="kuang">1点券购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第三周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第四周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 九月份 第一周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 九月份 第二周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="dianquan">
						<!--<a href="fenxiangye.html">怎么获得点券？ 请点击我</a>-->
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="content_child">
				<div>
					<span class="dabiaoti">高二上学期</span>

					<div class="content-list">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第一周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>已做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-1">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第二周 </h1>
						<p>
							<a href="">11454</a>已购买</p>
						<div class="kuang">1点券购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第三周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第四周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 九月份 第一周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 九月份 第二周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="dianquan">
						<!--<a href="fenxiangye.html">怎么获得点券？ 请点击我</a>-->
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="content_child">
				<div>
					<span class="dabiaoti">高二下学期</span>

					<div class="content-list">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第一周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>已做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-1">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第二周 </h1>
						<p>
							<a href="">11454</a>已购买</p>
						<div class="kuang">1点券购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第三周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第四周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 九月份 第一周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 九月份 第二周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="dianquan">
						<!--<a href="fenxiangye.html">怎么获得点券？ 请点击我</a>-->
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="content_child">
				<div>
					<span class="dabiaoti">高三上学期</span>

					<div class="content-list">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第一周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>已做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-1">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第二周 </h1>
						<p>
							<a href="">11454</a>已购买</p>
						<div class="kuang">1点券购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第三周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 八月份 第四周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 九月份 第一周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="content-list-2">
						<img src="img/tu.png" alt="图片">
						<h1>高二下学期 九月份 第二周 </h1>
						<p>
							<a href="">11234</a>已购买</p>
						<div class="kuang">已购买</div>
						<span>未做完</span>
						<div class="clearfix"></div>
					</div>

					<div class="dianquan">
						<!--<a href="fenxiangye.html">怎么获得点券？ 请点击我</a>-->
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="yinchang">
			<div class="yinchang-top">
				<span><!--提示--></span>
				<p><img src="img/cha.png" /></p>
				<!--<div class="clearfix"></div>-->
			</div>
			<h1>是否消费1点券购买本试题</h1>
			<div class="shi">OK</div>
			<div class="fou">NO</div>
		</div>
		<div class="bottom">
			<div class="bottom-box">
				<div class="box-a">
					<a href="new_file.html">
						<img src="img/shouye.png" alt="首页">
						<p>首页</p>
					</a>

				</div>

				<div class="box-b">
					<a href="index-1.html">
						<img src="img/meiriyiti.png" alt="每日一题">
						<p>每日一题</p>
					</a>

				</div>

				<div class="box-c">
					<a href="gkzh.html">
						<img src="img/gaokaozonghe-1.png" alt="高考综合">
						<p>高考综合</p>
					</a>

				</div>

				<div class="box-d">
					<a href="shitiku.html">
						<img src="img/shitiku-1.png" alt="试题库">
						<p>试题库</p>
					</a>

				</div>

				<div class="box-e">
					<a href="me.html">
						<img src="img/wodeyemian.png" alt="我的">
						<p>我的</p>
					</a>

				</div>

			</div>
			<div class="border">
				<img class="btn" src="img/gb.png" />
				<div class="yuan">
					<p>想获得点券请分享每天一题到朋友圈</p>
					<!--<p>点券能<span>购买试题库</span></p>-->
				</div>
				<div class="go">
					去分享
				</div>
			</div>
		</div>

	</body>
	<script>
		$(".box-1").on("click", function() {
			$(this).addClass("dangqian") //添加选中状态
				.siblings().removeClass("dangqian");

			$($("#content").children(1)[$(this).data("menu")]).show() //对应子菜单显示
				.siblings().hide();
		});

		$(".kuang1").click(function() {
			$(".yinchang").show();
		})
        $(".kuang2").click(function() {
			window.location.href = "xitiye3.html";
		});
		$(".box-c").click(function() {
			window.location.href = "gaokaozhonghe.html";
		})

		$(".yinchang").hide();

		function qiehuan() {

			$(".banner_img img:last").animate({
				opacity: 0
			}, 3000, function() { //最后一张图变透明
				$(".banner_img img:first").before($(".banner_img img:last")) //变透明后放在第一张图前面
				$(this).css("opacity", 1) //把当前图片恢复不透
			})
		}

		setInterval(qiehuan, 4000)

		//点击input字变没
		$("input").focus(function() {
			$(this).val(" ")
		})
		$("input").blur(function() {
			$(this).val($("input").text())
		})
	</script>

	<script>
		$(".yinchang").click(function() {
			$(".yinchang").hide()
		})
		$(".fou").click(function() {
			$(".yinchang").hide()
		})
		$(".banner_box").click(function() {
			$(".border").css("display", "block");
		})
		$(".btn").click(function() {
			$(".border").css("display", "none");
		})
	</script>

</html>
<!--<SCRIPT Language=VBScript>
</SCRIPT>-->